﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ShopCar.aspx.cs" Inherits="TakeoutMangesWeb.ShopCar" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <style type="text/css">
        /*页面顶部*/
        .up
        {
            width: 1050px;
            height: 90px;
            margin: 0 auto;
        }
        #Button1
        {
            margin-top: 30px;
            height: 36px;
        }
        .logo
        {
            float: left;
        }
        #logininfo
        {
            font-size: 20px;
            float: right;
            height: 34px;
        }
        #showinfo
        {
            font-size: 20px;
            float: right;
            margin-top: 30px;
        }
        .logo img
        {
            width: 160px;
            height: 90px;
        }
        .top
        {
            width: 100%;
        }
        .Topleft ul
        {
            margin-top: 100px;
            text-align: center;
            overflow: hidden;
            padding: 0;
            height: 55px;
            line-height: 55px;
            margin: 0 auto;
        }
        
        .Topleft li
        {
            float: left;
            position: relative;
            overflow: hidden;
            height: 55px;
            width: 130px;
        }
        
        .Topleft li a
        {
            display: block;
            color: black;
            text-align: center;
            font-size: 20px;
            padding: 0px;
            overflow: hidden;
            text-decoration: none;
        }
        
        .Topleft li a:hover
        {
            background-color: khaki;
            color: gray;
        }
        
        .Topright
        {
            margin-top: 30px;
            width: 400px;
            float: right;
        }
        /*页面部分*/
            table
            {
                margin-top: 50px;
            	font-size: 15px;
            }
            table img
            {
            	width:120px;
            	height:100px;
            }
            #tr
            {
                margin:10px;
                height:150px;
            }
            .over
            {
            	float: right;
            	margin:10px;
            	width: 150px;
            	height: 50px;
            	line-height: 50px;
            	text-align: center;
            	background-color: orangered;
            } 
            #down
            {
            	margin: 0 auto;
            	width: 1100px;
            } 
            .over a
            {
            	display: block;
                color:white;
                text-decoration: none;
            }
            #trstyle
            {
               height:30px;
               color:white;
               background-color:orangered;
            }
            .b
            {
                font-size:16px;
            }
        /*页面底部*/
        #footer
        {
            margin: 0px auto;
            margin-top: 100px;
            float: left;
            width: 100%;
            height: 280px; /* footer的高度一定要是固定值*/
            background: #222222;
        }
        #footbody
        {
            padding-top: 50px;
            margin: 0px auto;
            width: 1100px;
            height: 200px;
        }
        #footleft
        {
            float: left;
            width: 800px;
            height: 200px;
            background: #222222;
        }
        .dd
        {
            float: left;
            width: 160px;
            height: 190px;
        }
        .dd > li
        {
            display: block;
            color: gray;
            text-align: center;
            padding: 1px;
        }
        .dd > li > a
        {
            text-decoration: none;
            color: gray;
            font-size: 10px;
        }
        .dd > li > a:hover
        {
            color: white;
        }
        #footright
        {
            float: left;
            width: 300px;
            height: 200px;
            background: #222222;
        }
        .rr
        {
            float: left;
            width: 140px;
            height: 50px;
            padding: 0;
        }
        .rr > li
        {
            display: block;
            color: gray;
            text-align: center;
            padding: 5px;
        }
        .broadcast
        {
            width: 1100px;
            height: 600px;
            background-color: #000000;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="up">
        <div class="logo">
            <img src="img/logo.jpg" alt=""/></div>
        <div class="container Topright">
        
        <div id="logininfo" runat="server">
            <asp:Button ID="Button1" runat="server" Text="登录" class="btn btn-warning" 
                onclick="Button1_Click"/>
        </div>
        <div id="showinfo" runat="server">
				欢迎,<span id="user" runat="server"></span>
                     <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">退出登录</asp:LinkButton>
                <button type="submit" class="btn btn-warning">购物车</button>
        </div>
    </div>
</div>
    <div class="top">
        <div class="container Topleft">
            <ul>
                <li><a href="shopinfo.aspx">首页</a> </li>
                <li><a href='Shoptype.aspx?id=1'>快餐便当</a></li>
                <li><a href='Shoptype.aspx?id=2'>甜品饮品</a> </li>
                <li><a href='Shoptype.aspx?id=3'>汉堡薯条</a> </li>
                <li><a href='Shoptype.aspx?id=4'>米粉面馆</a> </li>
                <li><a href='Shoptype.aspx?id=5'>特色小吃</a> </li>
            </ul>
        </div>
    </div>
    <div id="repeater">
    <asp:Repeater ID="RepeaterCar" runat="server" 
        onitemcommand="RepeaterCar_ItemCommand">
            <HeaderTemplate>
               <table align="center" cellspacing="0" width="1100px">
			<tr id="trstyle">
				<td>
				</td>
				<td colspan="2">
					商品信息
				</td>
				<td>金额(元)</td>
				<td>操作</td>
			</tr>
            </HeaderTemplate>
            <ItemTemplate>
			<tr id="tr">
				<td>
                    <asp:HiddenField ID="HiddenField1" runat="server" Value='<%#Eval("ProductID")%>' />
                    <asp:HiddenField ID="HiddenField2" runat="server" Value='<%#Eval("ProductPrice")%>' />
                    <asp:CheckBox ID="CheckBox1" runat="server"  Value='<%#Eval("ProductPrice")%>'/>
                    
				</td>
				<td>
					<asp:Image ID="Image1" runat="server" ImageUrl='<%#Eval("ProductImage") %>' />
				</td>
				<td>
					<span><%#Eval("ProductName")%></span>
				</td>
				<td><b><%#Eval("ProductPrice")%>.00 元</b></td>
				<td>
                    <asp:LinkButton ID="LinkButton1" runat="server" CommandArgument='<%#Eval("ProductID")%>' CommandName='del'>删除</asp:LinkButton></td>
             </tr>
                </ItemTemplate>
                <FooterTemplate>
                </table>
                </FooterTemplate>                 
            </asp:Repeater>	
    </div>	
		<div id="down">
        <b class="b">总计:<asp:Label ID="Label1" runat="server" Text="0"></asp:Label>元</b>
        <b class="b">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 备注:<input type="text" id="txtRemark" runat="server"/></b>
        <div class="over">  
            <asp:LinkButton ID="LinkButton3" runat="server" onclick="LinkButton3_Click">结算</asp:LinkButton>
        </div>
		<div class="over">    
            <asp:LinkButton ID="LinkButton2" runat="server" onclick="LinkButton2_Click">付款</asp:LinkButton>
        </div>
    <div id="footer">
        <div id="footbody">
            <div id="footleft">
                <ul class="dd">
                    <li class="big">我是新手</li>
                    <li><a href="#">什么是道聚城</a></li>
                    <li><a href="#">如何购买</a></li>
                    <li><a href="#">如何赠送</a></li>
                    <li><a href="#">如何获取聚豆</a></li>
                </ul>
                <ul class="dd">
                    <li class="big">个人中心</li>
                    <li><a href="#">发货时间</a></li>
                    <li><a href="#">如何领取</a></li>
                    <li><a href="#">补发规则</a></li>
                    <li><a href="#">vip价定义</a></li>
                    <li><a href="#">道具状态定义</a></li>
                </ul>
                <ul class="dd">
                    <li class="big">支付方式</li>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">购物点支付</a></li>
                    <li><a href="#">如何充值</a></li>
                </ul>
                <ul class="dd">
                    <li class="big">腾讯在线服务</li>
                    <li><a href="#">腾讯在线官方客服</a></li>
                </ul>
            </div>
            <div id="footright">
                <ul class="rr">
                    <li></li>
                    <li>二维码</li>
                </ul>
                <ul class="rr">
                    <li></li>
                    <li>二维码</li>
                </ul>
            </div>
        </div>
    </div>
    </form>
</body>
</html>
